<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/detail.css">
    <title>产品详情</title>
</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><div class="back">
            Back
        </div>
        </a>
        <div class="hd-name">产品详细</div>
        <div class="head-rg">
            <img src="./img/detail/xing.png" alt="">
        </div>
    </header>
    <section>
       <div class="banner">
           <img src="./img/detail/banner.png" alt="">
       </div>
       <div class="buy">
           <div>￥32</div>
           <div>购买</div>
       </div>
       <div class="evaluate">
           <div>
               <img src="./img/detail/xing.png" alt="">
               好评度<span>99%</span> 
            </div>
            <div>共605个评价&gt</div>
       </div>
       <div class="merchant">
           <div class="mc-top">
            <div>适用商户</div>
            <div>&gt</div>
           </div>
           <div class="mc-bottom">
               <div class="shop">
                   <div class="sp-lf">
                       <img src="./img/detail/shop1.png" alt="">
                   </div>
                   <div class="sp-rg">
                        <div class="rg-lf">
                            <p>万岁寿司（正佳店）</p>
                            <div>
                                <img src="./img/detail/xing.png" alt="">
                                <img src="./img/detail/xing.png" alt="">
                                <img src="./img/detail/xing.png" alt="">
                                <img src="./img/detail/xing.png" alt="">
                                <img src="./img/detail/xing.png" alt="">
                                10分
                            </div>
                            <p>离你100m</p>
                            <p>查看详情&gt&gt</p>
                        </div>
                        <div class="rg-rg">
                        进入
                        </div>
                    </div>
                    <div>
                        <div></div>
                        <div>正佳店</div>
                    </div>
               </div>
               <div class="shop">
                <div class="sp-lf">
                    <img src="./img/detail/shop2.png" alt="">
                </div>
                <div class="sp-rg">
                     <div class="rg-lf">
                         <p>万岁寿司（体育西路）</p>
                         <div>
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             10分
                         </div>
                         <p>离你100m</p>
                         <p>查看详情&gt&gt</p>
                     </div>
                     <div class="rg-rg">
                     进入
                     </div>
                 </div>
            </div>
            <div class="shop">
                <div class="sp-lf">
                    <img src="./img/detail/shop3.png" alt="">
                </div>
                <div class="sp-rg">
                     <div class="rg-lf">
                         <p>万岁寿司（昌岗店）</p>
                         <div>
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             <img src="./img/detail/xing.png" alt="">
                             10分
                         </div>
                         <p>离你100m</p>
                         <p>查看详情&gt&gt</p>
                     </div>
                     <div class="rg-rg">
                     进入
                     </div>
                 </div>
            </div>

           </div>
       </div>
    </section>
    <footer>
        <div class="foot">
            <a href="./index.html">
                <div>
                    <div><img src="./img/kind/index1.jpg" alt=""></div>
                    <p>首页</p>
                </div>
            </a>
            <a href="./kind.html">
                <div>  
                    <div><img src="./img/index/kind.png" alt=""></div>
                    <p>分类</p>
                </div>
             </a>
            <a href="./discover.html">
                <div>
                    <div><img src="./img/index/discover.jpg" alt=""></div>
                    <p>发现</p>
                </div>
            </a>
            <a href="./user.html">
                <div>
                    <div><img src="./img/index/user.png" alt=""></div>
                    <p>我的</p>
                </div>
            </a>
        </div>
    </footer>
</body>
</html>